<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>页面的布局</title>

	<style>
		header,.main,footer{
			width:1000px;
			margin:0 auto;
		}

		header{
			height:100px;
			background-color:silver;
		}
		.main{
			height:400px;
			background-color:#bfa;
			margin:10px auto;
		}

		footer{
			height:100px;
			background-color:red;
		}
		nav,article,aside{
			height:100%;
			float:left;
		}

		nav{
			width:200px;
			background-color:yellow;
		}
		article{
			width:580px;
			background-color:orange;
			margin:0 10px;
		}
		aside{
			width:200px;
			background-color:#faf;
		}

	</style>

</head>
<body>
	<header></header>

	<div class="main">
	
		<nav></nav>

		<article></article>

		<aside></aside>
	</div>

	<footer></footer>

</body>
</html>